<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的订单</title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/vip-order.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/initialize.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/validform.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/jquery-ui.min.css"/>
		<script src="__PUBLIC__/midi/js/jquery-2.2.3 (1).js"></script>
		<script src="__PUBLIC__/midi/js/public.js"></script>
		<script src="__PUBLIC__/midi/js/swiper-3.4.2.jquery.min.js"></script>
		<script src="__PUBLIC__/midi/js/validform.js"></script>
		<script src="__PUBLIC__/midi/js/jquery-ui.min.js"></script>
		<style type='text/css'>
			.pages{
				text-align: center;
				padding: 50px 0;
			}
			.pages a,.pages span {
				display:inline-block;
				padding:5px 9px;
				margin:0 1px;
				border:1px solid #f0f0f0;
			}
			.pages a,.pages li {
				display:inline-block;
				list-style: none;
				text-decoration:none; color:#29D0C9;
			}
			.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
				margin:0;
			}
			.pages a:hover{
				border-color:#29D0C9;
			}
			.pages span.current{
				background:#29D0C9;
				color:#FFF;
				font-weight:700;
				border-color:#29D0C9;
			}
			.table input,select{
				border-radius:6px !important;
			}
		</style>
	</head>
	<body>
		<!--头部导航栏开始-->
		<include file="Public/header" />
		<!--头部导航栏结束-->
		<div class="shipin-datails">
			<div class="con">
				<div class="inner">
					<i></i>
				    <span>当前位置： 会员中心&gt; 我的订单</span>
				</div>
			</div>
		</div>
		<div class="wiezhi">
			   <div class="con">
				  <span>当前位置： 会员中心 &gt; 我的订单</span>
			   </div>
		    </div>
	    <!--会员页的主要内容-->
	    <div class="wrapper">
	    	<aside>
	    	    <div class="con">
	    	    	<div class="title">
	    	    		<h2>个人中心</h2><input type="radio" /><span></span>
	    	    	</div>
	    	        <ul class="first">
	    	    	   <li><a href="{:U('Home/Index/userinfo')}">个人信息</a></li>
	    	    	   <li><a href="{:U('Home/Index/vip_pwd')}">密码修改</a></li>
	    	        </ul>
	    	        <div class="title">
	    	        	<h2>系统信息</h2><input type="radio" /><span></span>
	    	        </div>
	    	        <ul class="first">
	    	    	  <li class="active"><a href="{:U('Home/Order/orderList')}">我的订单</a></li>
	    	    	  <li><a href="{:U('Home/Index/vip_address')}">收货地址</a></li>
	    	       </ul>
	    	    </div>
	    	</aside>
	    	<div class="content">
	    		<div class="hd">
	    			<h2>
	    				<span <if condition="$status eq 1">class="active"</if> >
							<a href="{:U('Home/Order/orderList',array('status'=>1))}">待付款订单</a>
						</span>
	    				<span <if condition="$status eq 2">class="active"</if> >
							<a href="{:U('Home/Order/orderList',array('status'=>2))}">已成交订单</a>
						</span>
	    				<!--<span <if condition="$status eq 3">class="active"</if> >-->
							<!--<a href="#">已取消订单</a>-->
						<!--</span>-->
	    			</h2>
	    		</div>
	    	    <table id="0">
	    	    	<thead>
	    	    		<tr>
	    	    			<th width="25%">订单号</th>
	    	    			<th>金额</th>
	    	    			<th width="25%">下单时间</th>
							<th width="">状态</th>
	    	    			<th>操作</th>
	    	    		</tr>
	    	    	</thead>
	    	    	<tbody>
					<foreach name="data_list" item="vo">
						<tr>
							<td>
								<div class="top">
									<span>{$vo['order_name']}</span>
								</div>
								<p>订单号:{$vo['order_num']}</p>
							</td>
							<td>&yen;{$vo['order_totalprice']}</td>
							<td>{$vo['order_createtime']}</td>
							<td>{$vo['status']}</td>
							<td>
								<if condition="$vo['order_paystatus'] eq 1">
									<p>
										<a href="{:U('Home/Order/sureOrder',array('order_id'=>$vo['order_id']))}">立即支付</a>
									</p>
									<!--<button>确认收货</button>-->
								</if>
							</td>
						</tr>
					</foreach>
	    	    	</tbody>
	    	    </table>
				<div class="pages" >{$page}</div>
	    	</div>
	    </div>
	    <!--会员页的主要内容结束-->
	    <script>
	    	$(function(){
	    		$(".hd h2 span").on("click",function(){
//	    			$(this).addClass("active");
//	    			$(this).siblings().removeClass("active");
//	    			var index = $(this).index();
//	    			$("table").hide();
//	    			$("#"+index).show();

	    		});
	    		$("table button").on("click",function(){
	    			$(this).css({
	    				'background-color':'#fff',
	    				'color':'#29d0c9',
	    				'border':'1px solid #d1d1d1'
	    			})
	    		})
	    	})
	    </script>
	</body>
</html>

